<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<!--声明文档兼容模式，表示使用IE浏览器的最新模式-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--设置视口的宽度(值为设备的理想宽度)，页面初始缩放值<理想宽度/可见宽度>-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>新闻中国</title>

<!-- Bootstrap的样式文件-->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.ico"
	mce_href="images/favicon.ico" type="image/x-icon">

</head>
<body>
	<!--导航栏-->
	<div class="container">
		<nav class="navbar navbar-default" role="navigation">
			<div class="container-fluid">
				<div class="navbar-header">
					<a class="navbar-brand" href="#">新闻大视野</a>
				</div>
				<div>
					<ul class="nav navbar-nav">
						<li class="active"><a href="index.html">首页</a>
						</li>
						<li><a href="#">国内</a>
						</li>
						<li><a href="#">国际</a>
						</li>
						<li><a href="#">娱乐</a>
						</li>
						<li><a href="#">体育</a>
						</li>
					</ul>
				</div>
				<form class="navbar-form navbar-left" role="search">
					<div class="form-group">
						<input type="text" class="form-control" placeholder="请输入搜索关键词">
					</div>
					<button type="submit" class="btn btn-default">搜索</button>
				</form>
				<ul class="nav navbar-nav navbar-right">
					<li><a data-toggle="modal" data-target="#register" href=""><span
							class="glyphicon glyphicon-user"></span>注册</a></li>
					<li><a data-toggle="modal" data-target="#login" href=""><span
							class="glyphicon glyphicon-log-in"></span>登录</a>
					</li>
				</ul>
				<!-- 注册窗口 -->
				<div id="register" class="modal fade" tabindex="-1">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-body">
								<button class="close" data-dismiss="modal">
									<span>&times;</span>
								</button>
							</div>
							<div class="modal-title">
								<h1 class="text-center">注册</h1>
							</div>
							<div class="modal-body">
								<form class="form-group" method="get" action="util/doreg.jsp">
									<div class="form-group">
										<label for="userName">用户名</label> <input id="userName"
											name="userName" class="form-control" type="text" required
											placeholder="6-15位字母或数字">
									</div>
									<div class="form-group">
										<label for="userPwd">密码</label> <input id="userPwd"
											name="userPwd" class="form-control" type="password" required
											placeholder="至少6位字母或数字">
									</div>
									<div class="form-group">
										<label for="repwd">再次输入密码</label> <input id="repwd"
											class="form-control" type="password" placeholder="至少6位字母或数字">
									</div>
									<div class="form-group">
										<label for="email">邮箱</label> <input id="email" name="email"
											class="form-control" type="email" required
											placeholder="例如:123@123.com">
									</div>
									<div class="text-right">
										<button class="btn btn-primary" type="submit">保存</button>
										<button class="btn btn-danger" data-dismiss="modal">取消</button>
									</div>
									<a href="" data-toggle="modal" data-dismiss="modal"
										data-target="#login">已有账号？点我登录</a>
								</form>
							</div>
						</div>
					</div>
				</div>
				<!-- 登录窗口 -->
				<div id="login" class="modal fade">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-body">
								<button class="close" data-dismiss="modal">
									<span>&times;</span>
								</button>
							</div>
							<div class="modal-title">
								<h1 class="text-center">登录</h1>
							</div>
							<div class="modal-body">
								<form class="form-group" action="">
									<div class="form-group">
										<label for="">用户名</label> <input class="form-control"
											type="text" placeholder="">
									</div>
									<div class="form-group">
										<label for="">密码</label> <input class="form-control"
											type="password" placeholder="">
									</div>
									<div class="text-right">
										<button class="btn btn-primary" type="submit">登录</button>
										<button class="btn btn-danger" data-dismiss="modal">取消</button>
									</div>
									<a href="" data-toggle="modal" data-dismiss="modal"
										data-target="#register">还没有账号？点我注册</a>
								</form>
							</div>
						</div>
					</div>
				</div>

			</div>
		</nav>
	</div>
	<!--轮播图-->
	<div class="container" style="margin-top:-15px">
		<div id="carousel-example-generic" class="carousel slide"
			data-ride="carousel">
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0"
					class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
				<li data-target="#carousel-example-generic" data-slide-to="3"></li>
			</ol>

			<!-- Wrapper for slides -->
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<img src="images/banner.png" width="100%" alt="...">
				</div>
				<div class="item">
					<img src="images/banner.png" width="100%" alt="...">
				</div>
				<div class="item">
					<img src="images/banner.png" width="100%" alt="...">
				</div>
				<div class="item">
					<img src="images/banner.png" width="100%" alt="...">
				</div>
			</div>

			<!-- Controls -->
			<a class="left carousel-control" href="#carousel-example-generic"
				role="button" data-slide="prev"> <span
				class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span> </a> <a
				class="right carousel-control" href="#carousel-example-generic"
				role="button" data-slide="next"> <span
				class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span> </a>
		</div>
	</div>
	<!--主体内容-->
	<div class="container" style="margin-top: 15px;">
		<div class="row">
			<div class="col-md-3" style="height: 630px;">
				<div class="list-group" style="margin-bottom:2px">
					<a href="#" class="list-group-item active"> 新闻主题 </a> <a href="#"
						class="list-group-item">国内<span class="badge">GO</span>
					</a> <a href="#" class="list-group-item">国际<span class="badge">GO</span>
					</a> <a href="#" class="list-group-item">天气<span class="badge">GO</span>
					</a> <a href="#" class="list-group-item">科技<span class="badge">GO</span>
					</a> <a href="#" class="list-group-item">娱乐<span class="badge">GO</span>
					</a> <a href="#" class="list-group-item">体育<span class="badge">GO</span>
					</a>
				</div>
				<div class="list-group">
					<a href="#" class="list-group-item active"> 最新新闻 </a> <a href="#"
						class="list-group-item">国内<span class="badge">GO</span>
					</a> <a href="#" class="list-group-item">国际<span class="badge">GO</span>
					</a> <a href="#" class="list-group-item">天气<span class="badge">GO</span>
					</a> <a href="#" class="list-group-item">科技<span class="badge">GO</span>
					</a> <a href="#" class="list-group-item">娱乐<span class="badge">GO</span>
					</a> <a href="#" class="list-group-item">体育<span class="badge">GO</span>
					</a> <a href="#" class="list-group-item">体育<span class="badge">GO</span>
					</a>
				</div>
			</div>
			<div class="col-md-6" style="height: 630px;">
				<div class="list-group" style="margin-left: -15px;">
					<a href="#" class="list-group-item active"> 新闻列表 </a> <a
						target="_blank" href="newsread.jsp" class="list-group-item">国内<span
						class="badge">GO</span>
					</a> <a href="#" class="list-group-item">国际<span class="badge">GO</span>
					</a> <a href="#" class="list-group-item">天气<span class="badge">GO</span>
					</a> <a href="#" class="list-group-item">科技<span class="badge">GO</span>
					</a> <a href="#" class="list-group-item">娱乐<span class="badge">GO</span>
					</a> <a href="#" class="list-group-item">体育<span class="badge">GO</span>
					</a> <a href="#" class="list-group-item">天气<span class="badge">GO</span>
					</a> <a href="#" class="list-group-item">科技<span class="badge">GO</span>
					</a> <a href="#" class="list-group-item">娱乐<span class="badge">GO</span>
					</a> <a href="#" class="list-group-item">体育<span class="badge">GO</span>
					</a> <a href="#" class="list-group-item">天气<span class="badge">GO</span>
					</a> <a href="#" class="list-group-item">科技<span class="badge">GO</span>
					</a> <a href="#" class="list-group-item">娱乐<span class="badge">GO</span>
					</a> <a href="#" class="list-group-item">体育<span class="badge">GO</span>
					</a>
				</div>

			</div>
			<div class="col-md-3" style="height: 630px;">
				<div class="panel panel-primary" style="margin-left: -15px;">
					<div class="panel-heading">
						<h3 class="panel-title">最新活动</h3>
					</div>
					<div class="panel-body">
						<dl class="text-center">
							<dt>
								<img src="images/new-1.png" />
							</dt>
							<dd>PHP从入门到放弃</dd>
						</dl>
						<dl class="text-center">
							<dt>
								<img src="images/new-2.png" />
							</dt>
							<dd>Java Web从绝望到希望</dd>
						</dl>
						<dl class="text-center">
							<dt>
								<img src="images/new-3.png" />
							</dt>
							<dd>课工场五一回馈</dd>
						</dl>
						<dl class="text-center" style="padding-bottom: 15px">
							<dt>
								<img src="images/new-3.png" />
							</dt>
							<dd>课工场五一回馈</dd>
						</dl>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--通栏广告-->
	<div class="container">
		<img src="images/wy.jpg" width="99.7%">
	</div>
	<!--友情链接和版权信息-->
	<%@ include file="footer.jsp" %>
	<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
	<script src="js/jquery-1.12.4.js"></script>
	<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
	<script src="js/bootstrap.min.js"></script>
</body>
</html>
